<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>echarts数据可视化项目-dht</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />

	</head>
	<body>
		<!-- 头部制作 -->
		<header>
			<h1>数据可视化</h1>
			<div class="showTime"></div>
		</header>
		<!-- 主体制作 -->
		<section class="mainbox">
			<!-- 左 -->
			<div class="column">
				<div class="panel bar">
					<h2>柱形图-就业行业</h2>
					<div class="chart"></div>
					<div class="pannel-footer"></div>
				</div>
				<div class="panel line">
					<h2>折线图-人员变化<a href="javascript:;" class='colorYellow'>2020</a><a href="javascript:;">2021</a></h2>
					<div class="chart"></div>
					<div class="pannel-footer"></div>
				</div>
				<div class="panel pie">
					<h2>柱形图-就业行业</h2>
					<div class="chart"></div>
					<div class="pannel-footer"></div>
				</div>
			</div>
			<!-- 中 -->
			<div class="column">
				<div class="no">
					<div class="no-hd">
						<ul>
							<li>125811</li>
							<li>104563</li>
						</ul>
					</div>
					<div class="no-bd">
						<ul>
							<li>前端需求人数</li>
							<li>市场供应人数</li>
						</ul>
					</div>
				</div>
				<div class="map">
					<div class="map1"></div>
					<div class="map2"></div>
					<div class="map3"></div>
					<div class="chart">地图</div>
				</div>
			</div>
			<!-- 右 -->
			<div class="column">
				<div class="panel bar2">
					<h2>柱形图-就业行业</h2>
					<div class="chart"></div>
					<div class="pannel-footer"></div>
				</div>
				<div class="panel line2">
					<h2>折线图-播放量</h2>
					<div class="chart"></div>
					<div class="pannel-footer"></div>
				</div>
				<div class="panel pie2">
					<h2>饼形图-地区分布</h2>
					<div class="chart"></div>
					<div class="pannel-footer"></div>
				</div>
			</div>
		</section>
		<script src="js/flexible.js" type="text/javascript"></script>
		<script src="js/showTime.js" type="text/javascript"></script>
		<script src="./js/echarts.min.js" type="text/javascript"></script>
		<script src="./js/china.js" type="text/javascript"></script>
		<script src="js/index.js" type="text/javascript"></script>
	</body>
</html>
